<template>
	<div class="test">
		<!-- <datetime v-model="minuteListValue" format="YYYY-MM-DD HH:mm" 
				:minute-list="['00', '15', '30', '45']" 
				@on-change="change" 
				:title="'测试'"></datetime> -->
		<datetime format="HH:mm" v-model="computeHoursValue" 
					:compute-hours-function="computeHoursFunction" 
					:title="'测试'"></datetime>		
	</div>
</template>

<script>
	import {Datetime} from 'vux'

	export default {
		components : {
			Datetime
		},
		data(){
			return {
				minuteListValue : "",
				computeHoursValue : ""			
			}
		},
		computed:{

		},
		methods : {
			change (val){
				console.log(val);
			},
			computeHoursFunction (date, isToday, generateRange) {
				return generateRange(new Date().getHours(), 23)
			}
		}

	}
</script>

<style>
	
</style>